(function($) {
	
	
//	创建middle的高度
	var create_middleheight=function(){

		var top_height=51;	//	top的高度
		var bottom_height=30;	//	bottom的高度
		$(".container-fluid").eq(0).css({
			height:$(window).height()
		});

		// top_height=$('.toprow').eq(0).height();	//	top的高度
	//	 bottom_height=$('.bottomrow').eq(0).height();	//	bottom的高度
		 content_height=$(".container-fluid").eq(0).height()-top_height-bottom_height;	//	计算content的高度	
		
		 $('.container-fluid').eq(0).css({
			height:content_height 
		 });
		 $('#panel_left').css({
			 height:content_height
		 });
	}
	
	$.fn.createleft = function(options,callback) {
		
		leftMenu.options = $.extend({

		}, options || {});
		obj = $(this);
		leftMenu.createMenu({
		});
		
		if(callback){
			callback();
		}
	};

	leftMenu = {
		options: {},
		//创建 nav-sidebar
		createMenu: function(opts) {
			obj.empty();
			var div=$("<div>",{
				'class':'panel panel-default',
				'style':'margin:0;',
				'id':'panel_left'
			})
			var leftdiv=$('<div>',{'id':'collapseOne',
				'class':'panel-collapse collapse in',
				'role':'tabpanel',
				'aria-labelledby':'headingOne'
			});			
			var ul = $('<ul>', {
				'class': 'nav nav-sidebar',
			});									
			var leftheaddiv=$('<div>',{
				'class':'panel-heading',
				'role':'tab',
				'id':'headingOne',
				//'style':'background:black',
			});			
			var h4=$('<h4>',{
				'class':"panel-title",
				'style':"text-align:center;",
			});				        		
			leftheaddiv.append(h4);
			leftdiv.append(ul);
			div.append(leftheaddiv);
			div.append(leftdiv);
			//console.log(leftMenu.options.data);
			var a=$('<a>',{
            	'id':'lefttitle',
            	'style':"text-decoration:none;color:#666;",	                    	
            }).html(leftMenu.options.title).appendTo(h4);
			
			
			$.each(jQuery.parseJSON(leftMenu.options.data),function(name,item){
				//console.log(item.name);
				var li = $('<li>', {}).appendTo(ul);
				var a = $('<a>', {
					'id':item.url,								
					'url':item.url,
					'data-addtab':item.id,
					'style':"cursor:pointer;border-bottom:1px solid #ccc;text-align:center",
					'ajax':true
				}).text(item.name).appendTo(li);
				
			});
			obj.append(div);
			create_middleheight();
		}

	};
	
	


	
	$(window).resize(function(e) {
		create_middleheight();
	});
	
	
window.onload=function(){
	create_middleheight();
}
	
	
})(jQuery)